<template>
<div class="codebg"> 
 <div class="qrcode" ref="qrCodeUrl"></div>  
 <div v-html="alipayWap" ref="alipayWap"></div>

 </div>
</template>

<script>
	

import http from '@/utils/request'
// import QRCode from 'qrcodejs2'
export default {

props:["zfb"],	

data() {
	return {
		alipayWap: '',
	};
},

methods: {
creatQrCode() {
window.console.log(this.zfb)
http.post("/zfbPay",)
.then (
	res => {  
	window.console.log(res)
	this.alipayWap = res.data;
	this.$nextTick(() => 
	{
	this.$refs.alipayWap.children[0].submit()
	}
)	
	}
)
	}
},

watch:{

},
mounted() {
this.creatQrCode();
},     
}                             
</script>

<style scoped>
.codebg{
	width: 464px;
	height: 565px;
	background:url("https://spring1024.oss-cn-beijing.aliyuncs.com/2022/02/22/de8c50bf75eb46b99096533e63081003zfbbk.png");
  
}
.qrcode{
	padding: 272px 132px;
}
</style>